<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册</title>
		<!-- 引入标题的logo -->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" type="text/css" href="./lib/swiper/css/swiper-bundle.min.css" />
		<link rel="stylesheet" href="./lib/Validform/css/style.css">
		<link rel="stylesheet" href="./css/register.css">
		<script src="lib/JQuery/jquery-3.5.1.min.js"></script>
		<script src="lib/validform/js/Validform_v5.3.2_min.js"></script>
		<script src="lib/swiper/js/swiper-bundle.min.js"></script>
		<script src="js/register.js"></script>
	</head>
	<body>
		<div class="logo"><img src="img/shop/ia_100000001.jpg" alt=""></div>
		<!-- 第一个头部 -->
		<div class="header">
			<div class="header-w w">
				<ul class="fl clear-fix header-l">
					<li class="fl"><a href="index.html">联想首页</a></li>
					<li class="fl"><a href="shop.html">商城</a></li>
					<li class="fl"><a href="javascript:;">服务</a></li>
					<li class="fl"><a href="javascript:;">会员</a></li>
					<li class="fl"><a href="javascript:;">社区</a></li>
					<li class="fl"><a href="javascript:;">门店</a></li>
					<li class="fl"><a href="javascript:;">品牌</a></li>
				</ul>
				<div class="phone">
					<div class="phone-img"><img src="img/shop/ia_100000025.png" alt=""></div>
					<div class="phone-code"><img src="img/shop/phone-img.png" alt=""></div>
				</div>
			</div>
		</div>
	    <!-- 注册内容 -->
		<div class="register-content">
			<div class="register-w w">
				<form action="" id="form">
					<div class="title">注册联想会员</div>
					<div class="item">
					<input type="text" placeholder="输入手机号" datatype="/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/" errormsg='请输入正确的手机号'>
					<div class="cover"><img src="img/register/ia_100000005.png" alt=""></div>
					</div>
					<div class="clear-fix item">
					<input type="text" placeholder="短信验证码" class="sms fl" datatype="n4-6" errormsg="验证码4-6位数字"><span class="check fl">获取验证码</span>
					</div>
					<div class="item">
					<input type="password" name="userpassword" placeholder="密码由8-20位字母、数字和符号组合" datatype="/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,20}$/" errormsg="密码长度8-20位">
					<div class="cover"><img src="img/register/ia_100000005.png" alt=""></div>
					</div>
					<div class="item">
					<input type="password" recheck="userpassword" placeholder="再次输入密码" datatype="*" errormsg="密码输入错误">
					<div class="cover"><img src="img/register/ia_100000005.png" alt=""></div>
					</div>
					<div class="msg"><span class="msg-img"><span class="text"></span></span></div>
					<button type="submit" class="register-btn">立即注册</button>
					<div class="register-introduce">注册账号即表示您同意并愿意遵守联想 <a href="javascript:;">使用条款</a> 和 <a href="javascript:;">隐私权政策</a></div>
					<div class="register-b clear-fix">
						<div class="b-l fl">已有账号 <a href="javascript:;">点此登录&gt;</a></div>
						<div class="b-r fl">已有账号 <a href="javascript:;">企业会员注册&gt;</a></div>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>
